◀ Work

Meteo ki dir?

A simple weather app using HTML, CSS and JS Vanilla

Coding • Front-end development • Graphic design

Technology 🤖


The challenge

To design and code a weather app

The outcome

A weather app that shows the weather forecast of different cities around the world using the Open Weather API.

Project developed for

SheCodes Plus Workshop

How it began 🎬

Knowing how to code has always been something that I wanted. In 2020, I decided to truly invest some of my time to acquire this new skill. I enrolled in the SheCodes Workshops where the basics of front-end development were being taught to women. As part of the SheCodes Plus, the final project was to code a weather app that uses weather api, html, css and javascript.

The design process ⏳

Before jumping into coding mode, a simple sketch of how the app would look like was done. I used this sketch as references, especially when I was adding the css to my codes. I designed my own weather icons for the app instead of the default icon that the Openweather API was providing.

Quick sketch of weather app

Quick sketch of weather app

The Outcome 📸

"Meteo ki dir?" (mauritian creole) can be translated as "what's the weather?" Some features of the app:

  • Current weather forecast 3-hour forecast of a location (using API)
  • Search location button
  • Current location button
  • Conversion of current temperature in different units (Celsius and Fahrenheit)
  • Background changes based on the current time of the location shown

View Weather App

Meteo ki dir weather app

Meteo ki dir? weather app

Personal learnings 🌱

Dedicating your time, mind, discipline and resources is very important when you are learning something new. Reflecting back on the various attempt when I started to learn coding by myself but did not achieve much, I realised that I was lacking a proper structure on how to approach the subject and self-discipline. Joining a workshop series where I had goals to achieve each week and knowing that I could easily ask for help were very helpful in my experience of learning coding.

This experience has definitely given me more confidence in my coding abilities and opened lots of opportunities to explore this coding world!

Acknowledgement 🎊

I would like to thank firstly my parents for supporting this new ambition of mine. Thank you Matt and the rest of the SheCodes team for providing such coding workshops!

I acknowledge Gadigal of the Eora nation on the lands where I am residing and working. I pay my respects to Elders past, present and emerging and celebrate the diversity of Aboriginal peoples and their ongoing cultures and connections to the lands and waters of NSW.